<template>
  <div class="main">
    <div class="menu">
      <TopMenu />
    </div>
    <div class="boxMain">
      <div class="blueBg">
        <div class="box">
          <home-title :title="'项目单位'" />
          <div class="img">
            <img src="@/assets/pic/img1.png">
          </div>
          <p>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皮央和东嘎遗址位于西藏自治区阿里地区札达县境内的东嘎村、皮央村。东嘎·皮央遗址由东嘎扎西曲林寺遗址和皮央石窟群组成。由于两村距离很近，遗址规模巨大，故命名为皮央和东嘎遗址。皮央和东嘎遗址分为石窟遗迹、石窟壁画、佛寺与建筑遗迹、佛塔遗迹、出土及采集遗物、墓葬、居住遗址、岩画。
            阿里地区文物抢救工作办公室于1997—1999年间开展了对含壁画洞窟的加固、山体治水以及壁画保护，并在2009年全国第三次文物普查时，对遗址进行了全面的复查和登记。因遗址的价值高、保存现状也较好，以及其研究价值和古格王朝遗址相当，1996年被列为西藏自治区文物保护单位，2013年5月被核定为第七批全国重点文物保护单位。
          </p>
        </div>
      </div>
      <div class="blueBg">
        <div class="box">
          <home-title :title="'文物简介'" />
          <div class="img">
            <img src="@/assets/pic/img2.png">
          </div>
          <p>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皮央和东嘎遗址的具体创建年代暂时无法确定。有关文献记载也极少，只有一本流传到印度的藏文手抄本《古格普兰王国文》，其中记载皮央寺始建于古格王国建国初期的10世纪，为仁钦桑波当时所建的古格八大佛寺之一，七十年之后又有一次规模较大的改建。另有藏文文献提及东嘎在意希沃时代的10世纪建寺，约12世纪前后由于古格王国国内的分裂斗争，一度成为与都城扎布让对峙的另一个王室的所在地，后来古格王国恢复统一，东嘎丧失了王宫的地位，但仍为古格的政治及文化要地。
            皮央和东嘎遗址存留的石窟总数将近千座，包括礼佛窟、禅窟、僧房窟、仓库窟、厨房窟等各种类型的石窟。礼佛窟内绘有壁画，内容有佛、菩萨、飞天、比丘、供养人像、佛传故事、礼佛图、说法图、密宗曼荼罗、动物、植物、装饰图案。
            　　皮央石窟共分为四个区，编入洞窟872窟。皮央石窟大体上可划分为前山区、后山区。前山区编为第Ⅰ区，洞窟基本呈自北向南直线分布，编号顺序从沟谷北端开始往南，共编为第1至433号窟。后山区编为第Ⅱ区、第Ⅲ区，其中第Ⅱ区洞窟的布局从自北向南转为由东向西，略呈“U”形分布，共编入洞窟145窟；第Ⅲ区自谷底折向西面，直到皮央遗址的最西端，共编入洞窟247窟。皮央遗址的山顶还分布有一些洞窟，编为第Ⅳ区，共编为第1至37号窟。此外，还有若干分散的洞窟未全部编入。
            　　东嘎石窟群共分为五个区，分别为第Ⅰ区至第Ⅴ区。
          </p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import TopMenu from '@/components/TopMenu'
import HomeTitleProject from '@/components/HomeTitleProject'
export default {
  components: { TopMenu, HomeTitle: HomeTitleProject },
  data() {
    return {
      flag: true
    }
  }
}
</script>
<style lang="scss" scoped>
$a: 100%;
.main {
  position: relative;
  height: 100vh;
  width: $a;
  //   display: flex;
  //   justify-content: space-between;
  //   align-items: center;
  background-image: url("~@/assets/pic/xzbg.png");
  background-size: cover;
  .menu {
    position: absolute;
    width: $a;
    top: 0;
    z-index: 1;
  }
  .boxMain {
    position: absolute;
    top: 80px;
    width: 100%;
    height: calc(100% - 80px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .blueBg {
    width: 3.18rem;
    height: 95%;
    margin: 0.2rem;
    background-color: rgba(2, 15, 30, 0.8);
    border: 2px solid rgba(68, 190, 255, 0.5);
  }
  .box {
    width: calc(100% - 0.2rem);
    height: calc(100% - 0.2rem);
    // background-color: red;
    background: url(/static/img/home-bg.0ef6372c.png) no-repeat;
    background-size: 100% 100%;
    margin: 0.1rem;
    .img {
      margin: 0 0.13rem;
      margin-top: 0.15rem;
      padding-bottom: 0.15rem;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 3px solid #44beff;
      img {
        width: 2.7rem;
      }
    }
    p {
      height: calc(100% - 3.5rem);
      margin: 0.2rem 0.12rem;
      font-size: 0.14rem;
      font-weight: normal;
      color: #41bdff;
      line-height: 0.25rem;
      overflow-y: auto;
      overflow-x: hidden;
    }
    p::-webkit-scrollbar {
      width: 0.05rem;
    }
    p::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: rgb(12, 27, 47);
      border-radius: 3px;
    }
    p::-webkit-scrollbar-thumb {
      border-radius: 7px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #44beff;
    }
  }
}
</style>
